.page {
	width: 750upx;
	flex: 1;
}

@font-face {
	font-family: 'webfont';
	font-display: swap;
	src: url('https://at.alicdn.com/t/webfont_1xt8ch0ci5h.woff2') format('woff2');
}

.title-box {
	margin-top: 100upx;
	width: 750upx;
	flex-direction: column;
	align-items: center;
}

.title-first {
	width: 600upx;
	height: 100upx;
}

.title-first-text {
	text-align: center;
	font-family: 'webfont';
	font-size: 30px;
/* 	color: #818cff; */
}

.title-second {
	width: 600upx;
	height: 100upx;

}

.title-second-text {
	text-align: center;
	font-family: 'webfont';
	font-size: 20px;
	color: #818cff;
}

.cs {
	position: absolute;
	width: 80upx;
	height: 90upx;
}

.describe {
	width: 750upx;
	padding: 0 48upx;
	align-items: flex-start;
	margin-top: 36upx;
}

.it {
	font-size: 28upx;
	color: #9b9b9b;
	margin-top: 12upx;
}

.msg {
	font-size: 40upx;
	color: #212121;
}

.account {
	width: 750upx;
	margin-top: 24upx;
	align-items: center;
}

.section {
	position: relative;
	width: 664upx;
	height: 130upx;
	flex-direction: row;
	align-items: center;
	border-bottom-color: #dddddd;
	border-bottom-width: 1upx;
}

.phone,
.pwd {
	width: 520upx;
	height: 130upx;
	font-size: 30upx;
	color: #181818;
}

.btns {
	line-height: 50upx;
	font-size: 28upx;
	color: #888888;
	border-width: 0upx;
	background-color: rgba(0, 0, 0, 0);

}

.isColor {
	color: #409eff;
}

.agreement {
	width: 750upx;
	margin-top: 38upx;
	padding: 0 48upx;
}

.agree-head {
	align-items: center;
	font-size: 26upx;
	color: #cccccc;
}

.agree-content {
	flex-direction: row;
	align-items: center;
	font-size: 26upx;
	color: #cccccc;
	margin-top: 24upx;
}

.navigate {
	padding: 10upx 0;
	color: #cccccc;
	font-size: 26upx;
	text-decoration: underline;
}

.chang {
	width: 750upx;
	height: 100upx;
	background-color: #007AFF;
	margin-top: 136upx;
	padding: 0 48upx;
}

.box {
	width: 664upx;
	margin-top: 42upx;
}

.box-one,
.box-two {
	width: 664upx;
	height: 60upx;
}

.one {
	height: 60upx;
	line-height: 60upx;
	text-align: center;
	font-size: 26upx;
	color: #333333;
}

.box-two {
	padding: 0 90upx;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.two {
	height: 60upx;
	text-align: center;
	line-height: 60upx;
	font-size: 26upx;
	color: #333333;
	align-items: center;
}

.line {
	width: 1upx;
	height: 50upx;
	background-color: #cccccc;
}

.menu {
	position: fixed;
	bottom: 90upx;
	width: 750upx;
	padding: 0 70upx;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.list {
	width: 70upx;
	height: 70upx;
}

.icon {
	width: 70upx;
	height: 70upx;
}

.privacy-box {
	width: 750upx;
	/* 	height: 100upx; */
	text-align: center;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 50upx;
}

.img-privacy {
	align-items: center;
	justify-content: center;
	width: 30upx;
	height: 30upx;
}

.name-privacy {
	flex-direction: row;
	justify-content: flex-start;
}

.name-privacy-text {
	color: gray;
	font-size: 12px;
}

.btn-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	/* justify-content: flex-start; */
	width:750rpx;
	height: 400rpx;
	/* background-color: #007AFF; */
}
.btn-login{
	width: 600rpx;
	height: 120rpx;
	border-radius: 30% 30%;
	text-align: center;
	line-height: 120rpx;
	background-color: #FC6E7B;
}
.btn-login-text{
	text-align: center;
	line-height: 120rpx;
	font-size: 25px;
	color: #FFFFFF;
}
.btn-weixin{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 600rpx;
	height: 120rpx;
	border-radius: 30% 30%;
	background-color: #98D020;
}
.btn-weixin-text{
	text-align: center;
	line-height: 120rpx;
	padding-left: 20rpx;
	font-size: 25px;
	color: #FFFFFF;
}
